<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<c:set var="pb" value="${requestScope.mList.pagingBean }"></c:set>

<style>
#paging{
	text-align: center;
}
</style>




<div id="paging" style="width:50%; height:100%; margin:auto;">
    <ul>
    
    		
<c:if test="${pb.previousPageGroup }">
		<li>
		
		<div id="pre">◁</div>
		</li>
		</c:if>	

	<c:forEach var="ppg" begin="${pb.startPageOfPageGroup}"	end="${pb.endPageOfPageGroup}" step="1">
	 <c:choose>
	 	<c:when test="${pb.nowPage!=ppg}">
	 		<li><a href="admin.do?mode=pagingMember&page=${ppg}">${ppg }</a></li>	 		
	 	</c:when>
	    <c:otherwise>
		  <li><a href="admin.do?mode=pagingMember&page=${ppg}">${ppg }</a></li>
	    </c:otherwise>
     </c:choose>
	</c:forEach>	 

<c:if test="${pb.nextPageGroup }">
												<!-- 다음 그룹의 시작페이지 -->
<li>	
<div id="post">▷</div>				
</li>

</c:if>
    </ul> 
</div>

<script>
  
 $(function(){
	 $( "#paging" ).tabs();
	 $("#pre").click(function(){
		 	
			location.href="admin.do?mode=view&page=main&no=${pb.startPageOfPageGroup-1}";
			
		});	
		$("#post").click(function(){
			location.href="admin.do?mode=view&page=main&no=${pb.endPageOfPageGroup+1}";
		});
	
	
});
</script>


